import React from 'react';
import Topic from './Topic'; // 假设你已经有一个 Topic 组件

const TopicResults = ({ query, results }) => {
  // 检查是否有结果，避免在没有数据的情况下渲染
  if (!results || results.length === 0) {
    return <p>没有找到相关话题</p>;
  }

  return (
    <div>
      <ul>
        {/* 假设 results 是话题对象的数组，遍历每个话题 */}
        {results.map((topic, index) => (
          <div key={index}>
            <Topic topic={topic} /> {/* 渲染每个话题的内容 */}
          </div>
        ))}
      </ul>
    </div>
  );
};

export default TopicResults;
